<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页-足球生活</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index-life.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>

<body>
    <header>
        <ul class="head-tit">
            <li class="head-tit-on">
                <a href="./index-spot.html">
                    热点
                </a>
            </li>
            <li>
                <a href="./focus.html">
                    关注
                </a>
            </li>
        </ul>
    </header>

    <main>
        <ul class="main-nav">
            <li>
                <a href="./index-spot.html">
                    足球现场
                </a>
            </li>
            <li class="main-nav-on">
                <a href="#">
                    足球生活
                </a>
            </li>
            <li>
                <a href="./index-spot.html">
                    足球美女
                </a>
            </li>
        </ul>

        <ul class="main-con">
            <li>
                <img src="./images/index-life/pic1.jpg" alt="">
                <p>
                    徐云龙争顶
                </p>
            </li>
            <li>
                <img src="./images/index-life/pic2.jpg" alt="">
                <p>
                    马季奇向裁判示意对手拉扯武磊进球后腿抽筋
                </p>
            </li>
            <li>
                <img src="./images/index-life/pic1.jpg" alt="">
                <p>
                    徐云龙争顶
                </p>
            </li>
            <li>
                <img src="./images/index-life/pic2.jpg" alt="">
                <p>
                    马季奇向裁判示意对手拉扯武磊进球后腿抽筋
                </p>
            </li>
            <li>
                <img src="./images/index-life/pic2.jpg" alt="">
                <p>
                    马季奇向裁判示意对手拉扯武磊进球后腿抽筋
                </p>
            </li>
            <li>
                <img src="./images/index-life/pic2.jpg" alt="">
                <p>
                    马季奇向裁判示意对手拉扯武磊进球后腿抽筋
                </p>
            </li>
        </ul>
    </main>

    <footer>
        <ul class="foot-nav">
            <li class="foot-nav-on">
                <a href="./index-life.html">
                    <i class="iconfont icon-shouye"></i>
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="./discover.html">
                    <i class="iconfont icon-sousuo"></i>
                    <span>发现</span>
                </a>
            </li>
            <li class="cam">
                <a href="#">
                    <i class="iconfont icon-xiangji"></i>
                </a>
            </li>
            <li>
                <a href="./person.html">
                    <i class="iconfont icon-icon"></i>
                    <span>我的</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-icon_tuichu"></i>
                    <span>退出</span>
                </a>
            </li>
        </ul>
    </footer>

    <script src="./js/flexible.js"></script>
</body>

</html>